<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚好款-供应商列表</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="jhk_sj_list">
        <header-top></header-top>
        <header-search-global type="好款"></header-search-global>
        <div style="border-top:2px solid #4960a5;"></div>
        <div class="container">
            <common-crumb :crumblist="[{text:'所有类目'}]"></common-crumb>
            <!-- 筛选 -->
            <div class="jhk-sjlist-condition">
                <div class="fenlei">

                    <select v-model="provinceId">
                        <option value="-1">请选择省</option>
                        <option v-for="item in provinceList" :value="item.id" >{{item.areaname}}</option>
                    </select>

                    <select v-model="cityId">
                        <option value="-1">请选择市</option>
                        <option v-for="item in cityList" :value="item.id" v-if = "item">{{item.areaname}}</option>
                    </select>

                    <select v-model="employeesType">
                        <option value="-1">员工人数</option>
                        <option value="1">0-5人</option>
                        <option value="2">6-50人</option>
                        <option value="3">51-100人</option>
                        <option value="4">101-500人</option>
                        <option value="5">501-1000人</option>
                        <option value="6">1001-...人</option>
                    </select>
                </div>
            </div>
            <!-- 供应商列表 -->
            <ul class="jhk-sjlist">
                <li v-for="item in list">
                    <div class="info">
                        <p class="sjname">{{item.name}}</p>
                        <p class="location">所在地：<span class="address">{{item.province.areaname}} {{item.city.areaname}} {{item.companyAdress.areaname}}</span></p>
                        <p class="location">员工人数：<span class="address">{{item.employees}}人</span></p>
                        <p class="goshop"><a :href="location+'/jhaokuan/shop_i.html?companyId='+item.id">进入本店铺></a></p>

                    </div>
                    <div class="imglist">
                        <div v-for="pro in item.goods" class="pro-item">
                            <a :href="location+'/jhaokuan/jhaokuan_goods_details.html?id='+pro.id"><img :src="pro.firstPicList.fileUrl"></a>
                            <p class="price">￥{{pro.unitPrice}}</p>
                        </div>
                    </div>
                </li>
            </ul>
            <common-page :current="1" :all="total" @btn-click="getPage"></common-page>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jhk_sj_list();
    </script>
</body>

</html>